// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import "babel-polyfill";
import 'url-search-params-polyfill';
import Vue from 'vue'
import Element from 'element-ui'
import '../theme/index.css'
import VueDirectiveImagePreviewer from 'vue-directive-image-previewer/src/index.js'
import 'vue-directive-image-previewer/dist/assets/style.css'
import App from './App'
import router from './router'
import { emoji } from './utils/emoji'

Vue.prototype.emoji = emoji;
Vue.use(Element);
Vue.use(VueDirectiveImagePreviewer, {
  background: {     // or : background: '#000'
    color: 'rgba(0, 0, 0, 0.7)' // or rgba or rgb     // or image: 'url(xxx)'
  },
    type: 'move',   // copy or move
    // transition
    animate: {
      duration: 600,
      delay: 500
    },
    // cursor(css)
    cursor: 'pointer',
    clickMethod: 'doubleClick'   // click or doubleClick
  })
Vue.config.productionTip = false;
Vue.config.debug = true;

/* eslint-disable no-new */
new Vue({
    el: '#app',
    router,
    components: {App},
    template: '<App/>',
    data(){
      return {
        eventHub: new Vue()
      }
    }
});
